@import  (reference)  "../../main";

.wdu-paper{
    .out-shadow-light();
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

.wdu-paper-grey{
    background-image: repeating-linear-gradient(90deg, rgba(236,236,236, 0.5) 0px, rgba(236,236,236, 0.5) 10px,transparent 10px, transparent 20px),repeating-linear-gradient(0deg, rgba(236,236,236, 0.5) 0px, rgba(236,236,236, 0.5) 10px,transparent 10px, transparent 20px),linear-gradient(90deg, #ffffff,#ffffff);
}

.wdu-paper-raft{
    background-image: repeating-linear-gradient(90deg, rgb(218, 218, 218) 0px, rgb(218, 218, 218) 5px,rgb(232, 232, 232) 5px, rgb(232, 232, 232) 10px,rgb(234, 234, 234) 10px, rgb(234, 234, 234) 15px,rgb(216, 216, 216) 15px, rgb(216, 216, 216) 20px,rgb(221, 221, 221) 20px, rgb(221, 221, 221) 25px,rgb(224, 224, 224) 25px, rgb(224, 224, 224) 30px,rgb(213, 213, 213) 30px, rgb(213, 213, 213) 35px,rgb(226, 226, 226) 35px, rgb(226, 226, 226) 40px,rgb(237, 237, 237) 40px, rgb(237, 237, 237) 45px,rgb(229, 229, 229) 45px, rgb(229, 229, 229) 50px);
}

.wdu-paper-muscle{
    background-image: repeating-linear-gradient(148deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 13px,rgba(0,0,0,0.03) 13px, rgba(0,0,0,0.03) 18px,transparent 18px, transparent 26px),repeating-linear-gradient(83deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 14px,rgba(0,0,0,0.03) 14px, rgba(0,0,0,0.03) 26px,transparent 26px, transparent 38px),repeating-linear-gradient(325deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 15px,rgba(0,0,0,0.03) 15px, rgba(0,0,0,0.03) 20px,transparent 20px, transparent 30px),repeating-linear-gradient(148deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 5px,transparent 5px, transparent 7px,rgba(0,0,0,0.03) 7px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 23px),repeating-linear-gradient(330deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 17px,rgba(0,0,0,0.03) 17px, rgba(0,0,0,0.03) 28px,transparent 28px, transparent 29px),repeating-linear-gradient(142deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 7px,rgba(0,0,0,0.03) 7px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 21px),linear-gradient(90deg, hsl(124,0%,91%),hsl(124,0%,91%));
}

.wdu-paper-carbon{
    background-image: radial-gradient(circle at center center, transparent 0%,rgb(33,33,33) 99%),repeating-linear-gradient(0deg, rgba(163, 163, 163,0.2) 0px, rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),repeating-linear-gradient(90deg, rgba(163, 163, 163,0.2) 0px, rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),linear-gradient(90deg, rgb(33,33,33),rgb(33,33,33));
}

.wdu-paper-grid{
    background-image: repeating-linear-gradient(90deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),repeating-linear-gradient(90deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}

.wdu-paper-tablecloth{
    background-image: repeating-linear-gradient(90deg, rgba(246, 111, 139,0.5) 0px, rgba(246, 111, 139,0.5) 10px,transparent 10px, transparent 20px),repeating-linear-gradient(0deg, rgba(246, 111, 139,0.5) 0px, rgba(246, 111, 139,0.5) 10px,transparent 10px, transparent 20px),linear-gradient(90deg, #ffffff,#ffffff);
}

.wdu-paper-bamboo{
    background-image: repeating-linear-gradient(90deg, rgba(36, 36, 36, 0.1) 0px, rgba(36, 36, 36, 0.1) 39px,rgba(198, 198, 198, 0.1) 39px, rgba(198, 198, 198, 0.1) 60px,rgba(1, 1, 1, 0.1) 60px, rgba(1, 1, 1, 0.1) 93px,rgba(111, 111, 111, 0.1) 93px, rgba(111, 111, 111, 0.1) 106px,rgba(167, 167, 167, 0.1) 106px, rgba(167, 167, 167, 0.1) 149px,rgba(162, 162, 162, 0.1) 149px, rgba(162, 162, 162, 0.1) 177px),repeating-linear-gradient(90deg, rgba(246, 246, 246, 0.1) 0px, rgba(246, 246, 246, 0.1) 14px,rgba(98, 98, 98, 0.1) 14px, rgba(98, 98, 98, 0.1) 30px,rgba(116, 116, 116, 0.1) 30px, rgba(116, 116, 116, 0.1) 59px,rgba(11, 11, 11, 0.1) 59px, rgba(11, 11, 11, 0.1) 99px,rgba(85, 85, 85, 0.1) 99px, rgba(85, 85, 85, 0.1) 112px,rgba(7, 7, 7, 0.1) 112px, rgba(7, 7, 7, 0.1) 157px),repeating-linear-gradient(90deg, rgba(44, 44, 44, 0.1) 0px, rgba(44, 44, 44, 0.1) 145px,rgba(173, 173, 173, 0.1) 145px, rgba(173, 173, 173, 0.1) 244px,rgba(115, 115, 115, 0.1) 244px, rgba(115, 115, 115, 0.1) 376px,rgba(168, 168, 168, 0.1) 376px, rgba(168, 168, 168, 0.1) 481px,rgba(31, 31, 31, 0.1) 481px, rgba(31, 31, 31, 0.1) 623px,rgba(185, 185, 185, 0.1) 623px, rgba(185, 185, 185, 0.1) 748px),repeating-linear-gradient(90deg, rgba(164, 164, 164, 0.1) 0px, rgba(164, 164, 164, 0.1) 149px,rgba(193, 193, 193, 0.1) 149px, rgba(193, 193, 193, 0.1) 219px,rgba(83, 83, 83, 0.1) 219px, rgba(83, 83, 83, 0.1) 335px,rgba(250, 250, 250, 0.1) 335px, rgba(250, 250, 250, 0.1) 404px,rgba(213, 213, 213, 0.1) 404px, rgba(213, 213, 213, 0.1) 515px,rgba(85, 85, 85, 0.1) 515px, rgba(85, 85, 85, 0.1) 572px),linear-gradient(90deg, rgb(18, 179, 56),rgb(81, 180, 56));
}